.video-view {
    -fx-padding: 5px;
    -fx-font-size: 13;
    -fx-background-color: rgba(209, 240, 246, 0.16);

    -kun-font-size: 13px;
    -kun-text-size: 13px;
    -kun-primary: #40a9ff; /* 主色调（按钮/焦点状态） */
    -kun-primary-dark: #096dd9; /* 主色调加深（按压状态） */
    -kun-primary-light: #e6f7ff; /* 主色调浅色（背景/轨道） */
    -kun-text: #333; /* 主要文本颜色 */
    -kun-text-secondary: #666; /* 次要文本颜色 */
    -kun-font-color: #1890ff;
    -kun-border: #d9d9d9; /* 边框颜色 */
    -kun-radiusss: 5px; /* 通用圆角 */
}

.video-view .player-box {
    -fx-background-color: rgba(147, 147, 147, 0.23);
    /*-fx-background-color: red;*/
}

.video-view .control-box {
    /*-fx-background-color: rgba(128, 154, 164, 0.77);*/

}

.video-view .control-box .button {
    -fx-pref-width: 40px;
    -fx-pref-height: 20px;
}

.video-view .button-box {
    -fx-background-color: rgba(180, 158, 158, 0.45);

}

/* 按钮 */
.button {
    -fx-pref-width: 100px;
    -fx-pref-height: 30px;
    -fx-border-color: -kun-border;
    -fx-border-width: 1px;
    -fx-border-radius: 5px;
    -fx-background-color: -kun-primary-light;
    -fx-text-fill: -kun-font-color;
    -fx-background-radius: 5px;
    -fx-font-size: 13px;
}

.button:hover {
    -fx-background-color: #c9f1ff;
}

.button:pressed {
    -fx-background-color: -kun-primary-dark;
}
